<!DOCTYPE html>
<html>
<head lang="en">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
    <link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/layui.css" media="all">
    <script src="../../libs/jquery.min.js"></script>
    <script src="../../plugins/layer/layer.js"></script>
    <script src="../../libs/bootstrap.min.js"></script>
    <script src="../../libs/vue.min.js"></script>
    <script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="../../js/common.js"></script>
    <script src="../../js/layui.js" charset="utf-8"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
</head>
<body>
<div class="layui-tab layui-tab-card">
    <ul class="layui-tab-title" id="tge">
        <li class="layui-this">点位基本信息</li>
        <li>项目内容</li>
        <li>现场设备详情</li>
        <li>现场材料详情</li>
        <li>设备购置清单</li>
        <li>材料购置清单</li>
        <li>现场照片</li>
        <li>工程量明细</li>
        <li>其他工程量明细</li>
        <!--<li>拉线信息</li>   -->
        <!--<li>交叉跨越</li>-->

    </ul>
    <div class="layui-tab-content">

        <div id="layout9" class="layui-tab-item layui-show">
            <iframe src="dpointshow.html"  id="frame9" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout1" class="layui-tab-item">
            <iframe src="dworkcontent.html"  id="frame1" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout2"  class="layui-tab-item">
            <iframe src="ddeviceold.html"  id="frame2" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout3"  class="layui-tab-item">
            <iframe src="dmaterialold.html"  id="frame3" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout4"  class="layui-tab-item">
            <iframe src="ddevicebuy.html"  id="frame4" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout5"  class="layui-tab-item">
            <iframe src="dmaterialbuy.html"  id="frame5" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout6"  class="layui-tab-item">
            <iframe src="dpicture.html"  id="frame6" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout7"  class="layui-tab-item">
            <iframe src="dmaterialcost.html"  id="frame7" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout8"  class="layui-tab-item">
            <iframe src="dpointshow.html"  id="frame8" width="100%" height="555" frameborder="0">
            </iframe>
        </div>

    </div>
</div>

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>

    $(function () {

        var dpGuid= GetUrlParam("guid");    //  点位id
        var pGuid= GetUrlParam("pGuid");    //  项目id

        var frame1 = document.getElementById('frame1');
        frame1.src="dworkcontent.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

        var frame2 = document.getElementById('frame2');
        frame2.src="ddeviceold.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

        var frame3 = document.getElementById('frame3');
        frame3.src="dmaterialold.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

        var frame4 = document.getElementById('frame4');
        frame4.src="ddevicebuy.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

        var frame5 = document.getElementById('frame5');
        frame5.src="dmaterialbuy.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

        var frame6 = document.getElementById('frame6');
        frame6.src="dpicture.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

        var frame7 = document.getElementById('frame7');
        frame7.src="dmaterialcost.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

        var frame8 = document.getElementById('frame8');
        frame8.src="dothercost.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

        var frame9 = document.getElementById('frame9');
        frame9.src="dpointshow.html?dpGuid="+dpGuid+"&pGuid="+pGuid;

    })

    layui.use('element', function () {
        var $ = layui.jquery
            , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

        //触发事件
        var active = {
            tabAdd: function () {
                //新增一个Tab项
                element.tabAdd('demo', {
                    title: '新选项' + (Math.random() * 1000 | 0) //用于演示
                    , content: '内容' + (Math.random() * 1000 | 0)
                    , id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
                })
            }
            , tabDelete: function (othis) {
                //删除指定Tab项
                element.tabDelete('demo', '44'); //删除：“商品管理”


                othis.addClass('layui-btn-disabled');
            }
            , tabChange: function () {
                //切换到指定Tab项
                element.tabChange('demo', '22'); //切换到：用户管理
            }
        };

        $('.site-demo-active').on('click', function () {

            var othis = $(this), type = othis.data('type');

            active[type] ? active[type].call(this, othis) : '';
        });

        //Hash地址的定位
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);

        element.on('tab(test)', function (elem) {

            location.hash = 'test=' + $(this).attr('lay-id');
        });

    });
    function showPhotos(images) {
        parent.showPhotos(images)
 }
</script>

</body>
</html>